
const login={
  isValid:false,
  init:function () {
    /**
     * 失去焦点验证表单数据
     */
    $('#login-form input').on('blur',function () {
      let msg =  $(this).siblings('div.invalid-tooltip');
      switch (this.name) {
        case 'userName':
          if(!this.value){
            invalid(this,'请输入用户名');
            login.isValid=false;
            return login.isValid;
          }else if(common.wordCount(this.value)<2 || common.wordCount(this.value)>18){
            invalid(this,'用户名长度必须在2到18位之间');
            login.isValid=false;
            return login.isValid;
          }else if(!/^[a-zA-Z0-9_]+$/.test(this.value)){
            invalid(this,'用户名只能包含大写、小写、数字和下划线');
            login.isValid=true;
          }else {
            valid(this);
            login.isValid=true;
          }
          break;
        case 'password':
          if(!this.value){
            invalid(this,'请输入登录密码');
            login.isValid=false;
            return login.isValid;
          }else if(common.wordCount(this.value)<4 || common.wordCount(this.value)>18){
            invalid(this,'用户密码长度必须在4到18位之间');
            login.isValid=false;
            return login.isValid;
          }else {
            valid(this);
            login.isValid=true;
          }
          break;
      }
    });


    /**
     * 用户登录请求
     */
    $('#login-form button').on('click',function () {
        if(login.isValid){
           let user =  $('#login-form').serializeObject();
           user['password'] = $.base64.encode(user.password);
           $.ajax({
             url: CONTEXT_PATH + '/login',
             type: 'post',
             data: user,
             success: function (res) {
               if(parseInt(res.code)===200){
                  toastr.success("登录成功");
                  window.location.href=CONTEXT_PATH +'/index';
               }else {

               }
             }
           });
        }else {
          return false;
        }
    });

  }
};

function invalid(element, msg) {
  $(element).siblings('div.invalid-tooltip').text(msg);
  $(element).removeClass('is-valid').addClass('is-invalid');

}
function valid(element) {
  $(element).removeClass('is-invalid').addClass('is-valid');
}


